<meta charset="UTF-8">
 
<h1> 项目说明</h1>
该项目为二阶段学生的升学项目，通过本次项目展示整个二阶段的所学成果

<h1> 模块说明</h1>

<h3>商城主页/首页</h3>
<ul> 
    <li>
        需求1【左上角定位】：
        <pre>
        1- 通过【HTML5 地理定位】技术，自动获取用户所在城市  如果获取失败，让用户手动选择
        2- 通过【下述网址代码】让用户自己选择
        https://www.17sucai.com/pins/tag/1128.html?p=1
        </pre>
    </li>
    <li>
        需求2【右上角】：
        <pre>
        和做·登录注册·同学沟通判断用户是否登录
        1-已登录（显示用户名和退出 并完成退出功能）
        2-未登录（显示登录标签，点击跳转登录页即可）
        </pre>
    </li>
    <li>需求3【全部商品分类数】：数据动态化/请求接口</li>
    <li>
        需求4【首页轮播图】：旧代码注释掉，替换成下述其一
        <pre>
        1-普通轮播图，2-运动函数轮播图，3-百度jq插件轮播图
        </pre>
    </li>
    <li>
        需求5【热卖/推荐/新品】：数据动态化/请求接口
    </li>
    <li>
        需求6【猜你喜欢】：数据动态化/请求接口
    </li>
    <li>
        需求7【优化】
        <pre>
        1.图片需要用上懒加载技术
        2.请求接口必须有loading图
        </pre>
    </li>
</ul> 

<h3>登录注册</h3>
<ul> 
    <li>
        需求1【表单验证】：
        <pre>
        通过【正则技术】完成登录注册验证（规则见注册备注）
        </pre>
    </li>
    <li>
        需求2【验证码】：
        <pre>
        1.根据接口显示验证码
        2.点击切换验证码
        </pre>
    </li>
    <li>
        需求3【登录注册功能】：
        <pre>
        请求接口 （注：和组长协商统一弹框提示插件  例如layer插件或sweetAlert插件）
        </pre>
    </li>
</ul> 



<h3>会员中心</h3>
<ul> 
    <li>
        需求1【账号信息】：
        <pre>
        1. 给提交按钮增加点击事件
        2. 在事件处理函数中
            2.1 获取两个input框数据
            2.2 直接请求接口 （token）

                let uname = $('#uname').val()
                let pwd = $('#pwd').val()
                let token = localStorage.getItem('token') ? localStorage.getItem('token') : 'adf7cbdcdc62b07d94f86339e5687ca51'
        3. 更新h5存储uname  然后刷新页面
    </li>
    <li>
        需求2【订单列表】：
        <pre>
        1.列表（未删除商品）接口请求
        2.列表（已删除商品）接口请求
        3.列表（删除功能）接口请求
        4.百度快递接口 查询快递（选写）
        </pre>
    </li>
    <li>
        需求3【收获地址】：
        <pre>
        1. 收获地址列表
        2. 收获地址删除（选写 需要自己定义接口）
        3. 收获地址设置默认 （选写 需要自己定义接口）
        4. 收获地址新增（选写 需要自己定义接口）
        接口请求   
        </pre>
    </li>
</ul> 

<h3>商品管理</h3>
<ul> 
    <li>
        需求1【商品列表功能】：
        <pre>
        接口请求
        &
        分页
        </pre>
    </li>
    <li>
        需求1【商品列表功能】：
        <pre>
        排序接口请求（价格、 上架时间）
        </pre>
    </li>
    <li>
        需求2【头部搜索功能】：
        <pre>
        接口请求（推荐搜索的商品标题 关键词 红色）
        </pre>
    </li>
    <li>
        需求3【最近浏览过的商品】：
        <pre>
        问详情页怎么存的，然后取出来展示即可

        思路：
        1点击进入详情 通过h5存户
        2商品列表读出来展示
        </pre>
    </li>
    <li>
        需求4【商品详情-放大镜】：旧代码注释掉
    </li>
    <li>
        需求5【商品详情-加入购物车】：接口请求
    </li>
    <li>
        需求6【选写 - 评论列表】：
        <pre>
        接口请求
        </pre>
    </li>
    <li>
        需求6【选写 - 评论添加】：
        <pre>
        接口请求（注：可百度jq评论滑动星星美化下）
        </pre>
    </li>
</ul> 
 


<h3>购物车</h3>
<ul> 
    <li>
        需求1【购物车列表】：接口请求
    </li>
    <li>
        需求2【购物车 购买数量、删除】：接口请求
    </li>
    <li>
        需求3【核对订单信息】：
        <pre>
        1. 收获地址列表接口请求（修改 跳转会员中心页即可）
        2. 商品清单（购物车列表接口请求）
        </pre>
    </li>
    <li>
        需求4【提交订单】：接口请求
    </li>
</ul> 



<hr />
扩展静态资源下载网址：https://www.17sucai.com/pins/tag/4147.html 
